﻿<%@ Page Title="" Language="C#" MasterPageFile="~/App_Layouts/SiteMaster.Master" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="CxRomos.Web.Account.Register" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadPlaceHolder" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Content" runat="server">
    <asp:Panel ID="pnlCreateAccount" runat="server">
        <div class="divContainer">
            <div class="divContainerRow">
                <asp:Label ID="lblErrorMessage" runat="server" ForeColor="Red"></asp:Label>
            </div>
            <div class="divContainerRow">
                <div class="divContainerTitle">
                    Creating an account with us is a quick process!  Let's get started by creating your login.
                </div>
            </div>
            <div class="divContainerRow">
            </div>
            <div class="divContainerRow">
                <div class="divContainerCell divContainerCellHeader">
                    First Name:
                </div>
                <div class="divContainerCell">
                    <asp:TextBox ID="txtFirstName" runat="server"></asp:TextBox>
                    <asp:RequiredFieldValidator 
                        ID="RequiredFieldValidator1" 
                        runat="server" 
                        ForeColor="Red" 
                        ControlToValidate="txtFirstName" 
                        ErrorMessage="Please provide a first name!">*</asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator 
                        ID="RegularExpressionValidator3" 
                        runat="server" 
                        ForeColor="Red"
                        ErrorMessage="Your username must be at least 2 letters and no more than 30." 
                        ControlToValidate="txtFirstName"     
                        ValidationExpression="^[a-zA-Z]{2,30}">*</asp:RegularExpressionValidator>
                </div>
                <div class="divContainerCell divContainerCellHeader">
                    Lastname:
                </div>
                <div class="divContainerCell">
                    <asp:TextBox ID="txtLastName" runat="server"></asp:TextBox>
                    <asp:RequiredFieldValidator 
                        ID="RequiredFieldValidator2" 
                        runat="server" 
                        ForeColor="Red" 
                        ControlToValidate="txtLastName" 
                        ErrorMessage="Please provide a last name!">*</asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator 
                        ID="RegularExpressionValidator4" 
                        runat="server" 
                        ForeColor="Red"
                        ErrorMessage="Your username must be at least 6 letters and no more than 30." 
                        ControlToValidate="txtLastName"     
                        ValidationExpression="^[a-zA-Z]{2,30}">*</asp:RegularExpressionValidator>
                </div>
                <div class="divContainerCell divContainerCellHeader">
                    Email:
                </div>
                <div class="divContainerCell">
                    <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>
                    <asp:RequiredFieldValidator 
                        ID="valRequiredEmail" 
                        runat="server" 
                        ForeColor="Red" 
                        ControlToValidate="txtEmail" 
                        ErrorMessage="Please provide your email address!">*</asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator 
                        ID="RegularExpressionValidator2" 
                        runat="server" 
                        ForeColor="Red"
                        ErrorMessage="This does not appear to be a valid email address!" 
                        ControlToValidate="txtEmail"     
                        ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">*</asp:RegularExpressionValidator>
                </div>
            </div>
            <div class="divContainerRow">
                <div class="divContainerCell divContainerCellHeader">
                    Password:
                </div>
                <div class="divContainerCell">
                    <asp:TextBox ID="txtPassword" TextMode="Password" runat="server"></asp:TextBox>
                    <asp:RegularExpressionValidator 
                        ID="RegularExpressionValidator1" 
                        runat="server" 
                        ForeColor="Red"
                        ControlToValidate="txtPassword"
                        ValidationExpression="(?=^.{5,}$)(?=.*\d)(?=.*\W+)(?![.\n]).*$"
                        Display="Dynamic"
                        ErrorMessage="Your password must be at least 8 characters long and contain at
                         least one upper case letter, one lower case letter, one number, and one special character">*</asp:RegularExpressionValidator>
                </div>
            </div>
            <div class="divContainerRow">
                <div class="divContainerCell divContainerCellHeader">
                    Verify Password:
                </div>
                <div class="divContainerCell">
                    <asp:TextBox ID="txtVerifyPassword" TextMode="Password" runat="server"></asp:TextBox>
                    <asp:CompareValidator 
                        ID="valComparePasswords" 
                        runat="server" 
                        ForeColor="Red"
                        ControlToValidate="txtPassword" 
                        ControlToCompare="txtVerifyPassword" 
                        ErrorMessage="The passwords you entered do no match!" 
                        Display="Dynamic">*</asp:CompareValidator>
                </div>
            </div>
            <div class="divContainerRow">
                <div class="divContainerCell">
                    <asp:Button ID="btnRegister" runat="server" Text="Register" OnClick="btnRegister_Click" />
                </div>
            </div>
        </div>
    </asp:Panel>
    <asp:Panel ID="pnlAccountCreated" Visible="false" runat="server">
        <div class="divContainer">
            <div class="divContainerRow">
                <div class="divContainerCell">
                    Your account was created successfully.<br /><br />
                    <asp:Label ID="Label1" runat="server" ForeColor="Red" Text="Email verification required!"></asp:Label><br />There is one step left.  Please go to your email account and open the 
                    verification email we just sent to you.  There you will find a link that you must follow to verify your email address.  Once this step has been completed you can
                    log in.<br /><br />
                    Thank you for signing up!<br /><br />
                    <asp:LinkButton ID="lbLogin" runat="server" Text="Click here to login!" OnClick="lbLogin_Click"></asp:LinkButton>
                </div>
            </div>
        </div>
    </asp:Panel>
</asp:Content>
<%--<div class="divContainerRow">
        <div class="divContainerTitle">
            CAPTCHA - Completely Automated Turing Test To Tell Computers and Humans Apart
        </div>
        </div>
        <div class="divContainerRow">
            <div class="divContainerCell">
                <asp:Image ID="Image1" runat="server" ImageUrl="~/Account/UserControls/JpegImage.aspx" />
            </div>
        </div>
        <div class="divContainerRow">
            <div class="divContainerTitle">
                Please copy what you see in the image above into the box below.
            </div>
        </div>
        <div class="divContainerRow">
        <div class="divContainerCell">
             <asp:TextBox ID="txtCaptcha" runat="server"></asp:TextBox>
       </div>
    </div>--%>